@CHARSET "ISO-8859-1";
#sup img{
        
        padding-left:50%;
        
        }
#content {
        left: 30px;
        margin-left: 200px;
        margin-top: 130px;
        width: 700px;
}

#izq {
        display: block;
        height: 180px;
        padding: 0 0 0 44px;
        position: relative;
        width: 256px;
}

form#loginForm {
        height: 180px;
        padding: 0 0 0 44px;
        width: 256px;
        float: right;
        margin-top: 50px;
}

form#basicform {
        height: 280px;
        padding: 0 0 0 44px;
        width: 300px;
}

form {
        width: 500px;
        border: 1px solid #ccc;
}

fieldset {
        border: 0;
        padding: 10px;
        margin: 10px;
        position: relative;
}

label {
        display: block;
        font: normal 12px/ 17px verdana;
}

input {
        overflow: visible;
        
        width: auto;
}

span.hint {
        font: normal 11px/ 14px verdana;
        background: #eee url(bg-span-hint-gray.gif) no-repeat top left;
        color: #444;
        border: 1px solid #888;
        padding: 5px 5px 5px 40px;
        width: 250px;
        position: absolute;
        margin: -12px 0 0 14px;
        display: none;
}

fieldset.welldone span.hint {
        background: #9fd680 url(bg-span-hint-welldone.jpg) no-repeat top left;
        border-color: #749e5c;
        color: #000;
}

fieldset.kindagood span.hint {
        background: #ffffcc url(bg-span-hint-kindagood.jpg) no-repeat top left;
        border-color: #cc9933;
}

fieldset.welldone {
        background: transparent url(bg-fieldset-welldone.gif) no-repeat 194px
                19px;
}

fieldset.kindagood {
        background: transparent url(bg-fieldset-kindagood.gif) no-repeat 194px
                19px;
}
/*CSS3*/
img.seMueve {
        border: 15px solid #fff;

        border-bottom: 65px solid #fff;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);

}

img.seMueve:hover {
        -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.1);

        -webkit-transform: rotate(1deg) scale(1.05);

        -moz-transform: rotate(1deg) scale(1.05);

}
